<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>04 - 循环</title>
</head>
<body>
    <script>

        // 循环




        
        // A. while 循环      重复, 当满足条件的时候程序就会一直重复执行, 当不满足条件的时候,while循环也会停止
        // ☛ 语法:
        //        1. 定义一个变量(初始一个变量)
        //        2. while(条件) {
        //               逻辑代码;
        //               修改变量的值;
        //           }

        // 代码演示:
        // 问题:  将 '我爱你' 这句话重复10次
        // 初始一个变量: 用来保存次数的变量
        let i = 1;
        while(i <= 10) {
            console.log('我爱你' + i + '次');
            // 修改变量i的值, 根据要求分析, 需要让次数进行累加
            i++;
        }





        // B. for 循环
        // ☛ 语法:
        //        for(初始化变量;  条件;  变量自增(变量自减)) {
        //            逻辑代码
        //        }

        // 代码演示:
        // 问题:  利用for循环输出1~100数字
        for(let i = 1;   i <= 100; i++) {
            console.log(i);   
        }





        // C. 双重for循环       在一个循环中嵌套了一个循环
        // 代码演示:
        for (let i = 1; i <= 5; i++) {
            for (let j = 1; j <= 3; j++) {
                console.log(j);               // 最后的结果是输出了 5次   1, 2, 3
            }
        }




        
    </script>
</body>
</html>